<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>订单</title>

  <!-- 导航样式 -->
  <link rel="stylesheet" href="./css/bootstrap-theme.min.css">
  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <!-- 重置样式 -->
  <link rel="stylesheet/less" href="./css/reset.less">
  <!-- 公共样式 -->
  <link rel="stylesheet/less" href="./css/commet.less">

  <!-- 本页样式 -->
  <link rel="stylesheet/less" href="./css/order.less">
</head>

<body>
  <div class="navbar navbar-default navbar-fixed-bottom">
    <!-- <a class="header_img" href="#"><img src="../image/avatar1.png" alt=""></a> -->
    <ul class="navbar-brand">
      <li class="dropdown">
        <div class="headers">
          <a href="index.html">
            <img src="./image/images/2_07.png" alt="">
            <div class="tite">
              <span>首页</span>
            </div>
          </a>
        </div>

        <div class="headers">
          <a href="mall.html">
            <img src="./image/images/3_14.png" alt="">
            <div class="tite">
              <span>抢票</span>
            </div>
          </a>
        </div>

        <div class="headers">
          <a href="order.html">
            <img src="./image/images/4_16.png" alt="">
            <div class="tite">
              <span>订单</span>
            </div>
          </a>
        </div>

        <div class="headers">
          <a href="Personal.html">
            <img src="./image/images/5_09.png" alt="">
            <div class="tite">
              <span>商城</span>
            </div>
          </a>
        </div>

        <div class="headers">
          <a href="tickets.html">
            <img src="./image/images/6_11.png" alt="">
            <div class="tite">
              <span>个人中心</span>
            </div>
          </a>
        </div>

      </li>
    </ul>

  </div>

  <div class="header">
    <div class="head">
      <!-- <img src="./image/zuoxiang_03.png" href="./home.html"> -->
      <p>订单列表</p>
    </div>
  </div>
  <div class="box">
    <div class="sou">
      <div class="n1">
        <p>广州-北京</p>
      </div>
      <div class="n2">
        <h6>6-25出发 Z101</h6>
      </div>
      <div class="n3">
        <p class="s1">即将出发</p>
      </div>
    </div>
    <div class="sou">
      <div class="n1">
        <p>广州-重庆</p>
      </div>
      <div class="n2">
        <h6>6-25出发 Z101</h6>
      </div>
      <div class="n3">
        <p class="s1">即将出发</p>
      </div>
    </div>
    <div class="sou">
      <div class="n1">
        <p>广州-南京</p>
      </div>
      <div class="n2">
        <h6>6-25出发 Z101</h6>
      </div>
      <div class="n3">
        <p class="s2">已过期</p>
      </div>
    </div>
    <div class="sou">
      <div class="n1">
        <p>广州-杭州</p>
      </div>
      <div class="n2">
        <h6>6-25出发 Z101</h6>
      </div>
      <div class="n3">
        <p class="s3">已取消</p>
      </div>
    </div>
    <div class="sou">
      <div class="n1">
        <p>广州-北京</p>
      </div>
      <div class="n2">
        <h6>6-25出发 Z101</h6>
      </div>
      <div class="n3">
        <p class="s1">即将出发</p>
      </div>
    </div>
    <div class="sou">
      <div class="n1">
        <p>广州-上海</p>
      </div>
      <div class="n2">
        <h6>6-25出发 Z101</h6>
      </div>
      <div class="n3">
        <p class="s1">进行中</p>
      </div>
    </div>
  </div>


</body>

</html>
<!-- <script src="./js/jquery-3.5.1.min.js"></script> -->
<script type="text/javascript" src="./js/bootstrap.js"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>
<script type="text/javascript" src="./js/less.min.js"></script>
